/* ==========================================================================
   reset
   ========================================================================== */
body{
    font-size: 14px;
    background: url("../images/bg.jpg") repeat;
    color: #313131;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}



.slideBox{ width:100%; height:370px;margin:auto; overflow:hidden; position:relative;}
.slideBox .hd{ width:100%;height:18px; overflow:hidden; position:absolute; right:0; bottom:33px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; width: 100%;text-align: center }
.slideBox .hd ul li{display: inline-block; margin-right:5px;  width:36px; height:8px; text-align:center; background:#aaaaaa; cursor:pointer; border-radius: 8px;}
.slideBox .hd ul li.on{ background:#e378a6; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{width:100%; zoom:1; vertical-align:middle; }
.slideBox .bd .img{width:100%; height:100%;overflow:hidden;display:block;margin:auto;}
.slideBox .bd .img img{width:100%;}

@media (max-width:1680px){
	.slideBox{ width:1680px;height:372px;margin:auto;}
}
@media (max-width:1440px){
	.slideBox{ width:1425px;height:280px;margin:auto;}
}
@media (max-width:1366px){
	.slideBox{ width:1366px;height:266px;margin:auto;}
}
@media (max-width:1280px){
	.slideBox{ width:1280px;height:248px;margin:auto;}
}

/* ==========================================================================
   part1
   ========================================================================== */
.part{
    margin-top: 30px;
}
.slideTxtBox{ width:1200px; margin: 0 auto }
.slideTxtBox .hd{ width:150px;height:auto; line-height:30px; position:relative; }
.slideTxtBox .hd ul li{  height:80px;line-height:80px;width: 100%; cursor:pointer; margin-bottom: 20px;border:1px solid #d2d2d2; color: #5c5b5b;background: white;position: relative;text-indent: 40%}
.slideTxtBox .hd ul li i{
    position: absolute;
    top: 0;
    left: 25px;
    height: 100%;
    width: 50%;
}
.slideTxtBox .hd ul li.icon1 i{
    background: url("../images/icon2.png") no-repeat center left;
}
.slideTxtBox .hd ul li.icon1.on i{
    background: url("../images/icon1.png") no-repeat center left;
}
.slideTxtBox .hd ul li.icon2 i{
    background: url("../images/icon4.png") no-repeat center left;
}
.slideTxtBox .hd ul li.icon2.on i{
    background: url("../images/icon3.png") no-repeat center left;
}
.slideTxtBox .hd ul li.icon3 i{
    background: url("../images/icon6.png") no-repeat center left;
}
.slideTxtBox .hd ul li.icon3.on i{
    background: url("../images/icon5.png") no-repeat center left;
}
.slideTxtBox .hd ul li.icon4 i{
    background: url("../images/icon8.png") no-repeat center left;
}
.slideTxtBox .hd ul li.icon4.on i{
    background: url("../images/icon7.png") no-repeat center left;
}
.slideTxtBox .hd ul li.on{  background: #e378a6;border:1px solid #e378a6;color: white;}
.slideTxtBox .bd{width: 1000px;}
.slideTxtBox .bd ul{ padding:0;  zoom:1;height: 395px;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }


/* 1 */
.rt1 .lf{width: 530px}
.slideBox2{ width:530px; height:397px; overflow:hidden; position:relative;}
.slideBox2 .hd2{ height:18px; overflow:hidden; position:absolute; right:15px; bottom:22px; z-index:1; }
.slideBox2 .hd2 ul{ overflow:hidden; zoom:1; width: 100%;text-align: right;padding: 0}
.slideBox2 .hd2 ul li{display: inline-block; margin-right:3px;  width:8px; height:8px; text-align:center; background:#aaaaaa; cursor:pointer; border-radius: 8px;}
.slideBox2 .hd2 ul li.on{ background:#e378a6; color:#fff; }
.slideBox2 .bd2{  height:390px; z-index:0;   }
.slideBox2 .bd2 li{ width:530px; height:390px; zoom:1; vertical-align:middle; position: relative}
.slideBox2 .bd2 li .title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='ture',startColorstr=#88000000, endColorstr=#88000000);
    background: rgba(0,0,0,0.5);
    color: white;
}
.slideBox2 .bd2 li .title a{color:#fff;}

.slideBox2 .bd2 .img{ width:530px; height:390px; display:block;overflow:hidden; background-size: 100% 100%}
.slideBox2 .bd2 .img img{ width:100%;height:100%;}

.rt1 .rt{width: 455px}
.slideTxtBox2{ width: 455px }
.slideTxtBox2 .hd3{ height:39px; line-height:30px;  border-bottom:2px solid #dcdcdc;  position:relative; }
.slideTxtBox2 .hd3 ul{ float:left;  position:absolute; left:0; top:-1px; height:32px; font-size: 16px;}
.slideTxtBox2 .hd3 ul li{ float:left; padding:0 15px 0 15px; cursor:pointer;}
.slideTxtBox2 .hd3 ul li.on{ color:#e378a6;height:40px;  background:url("../images/pointer.png") no-repeat bottom center; border-bottom:2px solid #e378a6; }
.slideTxtBox2 .bd3 ul{ padding:15px;  zoom:1;  }
.slideTxtBox2 .bd3 li{ height:24px; line-height:24px;padding-bottom: 15px;font-size: 16px;}
.slideTxtBox2 .bd3 li a{color: #313131;background: url("../images/dot.png") no-repeat left center;padding-left: 30px}
.slideTxtBox2 .bd3 .more{text-align: right;font-size: 14px}
.slideTxtBox2 .bd3 .more a{color: #959595}

/* 2 */
.rt2{position: relative}
.rt2 .clear{position: absolute;top: 0;left: 0}
.rt2 .lf{width: 530px}
.slideBox4{ width:530px; height:397px; overflow:hidden; position:relative;}
.slideBox4 .hd4{ height:15px; overflow:hidden; position:absolute; right:15px; bottom:22px; z-index:1; }
.slideBox4 .hd4 ul{ overflow:hidden; zoom:1; width: 100%;text-align: right;padding: 0}
.slideBox4 .hd4 ul li{display: inline-block; margin-right:3px;  width:8px; height:8px; text-align:center; background:#aaaaaa; cursor:pointer; border-radius: 8px;}
.slideBox4 .hd4 ul li.on{ background:#e378a6; color:#fff; }
.slideBox4 .bd4{  height:390px; z-index:0;   }
.slideBox4 .bd4 li{ width:530px; height:390px; zoom:1; vertical-align:middle; position: relative}
.slideBox4 .bd4 li .title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='ture',startColorstr=#88000000, endColorstr=#88000000);
    background: rgba(0,0,0,0.5);
    color: white;
}
.slideBox4 .bd4 li .title a{color:#fff;}
.slideBox4 .bd4 .img{ width:530px; height:390px; display:block; overflow:hidden;background-size: 100% 100%}
.slideBox4 .bd4 .img img{ width:100%;height:100%;}

.rt2 .rt{width: 455px}
.rt2 .rt ul{ padding:0 15px;  zoom:1;  }
.rt2 .rt li{ height:24px; line-height:24px;padding-bottom: 15px;font-size: 16px;}
.rt2 .rt li a{color: #313131;background: url("../images/dot.png") no-repeat left center;padding-left: 30px}
.rt2 .rt .more{text-align: right;font-size: 14px}
.rt2 .rt .more a{color: #959595}


/* 3 */
.rt3 .img{
    float: left;
    width: 290px;
    height: 173px;
    position: relative;
    margin-right: 30px;
    margin-bottom: 10px;
}
.rt3 .img img{
    width: 290px;
    height: 173px;
}
.rt3 .img .title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-indent: 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='ture',startColorstr=#88000000, endColorstr=#88000000);
    background: rgba(0,0,0,0.5);
    color: white;
    font-size: 14px;
}
.rt3 .img .title a{color:#fff;}
.rt3 .more{text-align: right;font-size: 14px}
.rt3 .more a{color: #959595}

.rt4 .cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='ture',startColorstr=#88000000, endColorstr=#88000000);
    background: rgba(0,0,0,0.5);
}
.rt4 .cover img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    width: 41px;
    height: 41px;
}

/* ==========================================================================
   part2 服务平台
   ========================================================================== */
.part .part-title{
    color: #e378a6;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e378a6;
    font-weight: bold;
}
.part2 .part-bg{
    background: #f4f5f8;
    padding: 20px 0;
}
.picScroll-left{ width:1000px;   position:relative; margin-left: 90px;  }
.picScroll-left .hd .prev{ position:absolute;top:50%;left:-55px;margin-top:-20px;display:block;  width:45px; height:45px;    overflow:hidden;  cursor:pointer; background:url("../images/left.png") no-repeat;}
.picScroll-left .hd .next{ position:absolute;top:50%;right:-75px;margin-top:-20px;  width:45px; height:45px; margin-right:5px;  overflow:hidden;  cursor:pointer; background:url("../images/right.png") no-repeat;}
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center;margin-right: 70px }
.picScroll-left .bd ul li .pic img{ width:168px; height:129px; display:block;  }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

/* ==========================================================================
   part3 友情链接
   ========================================================================== */
.part3 .part-bg{
    background: #f4f5f8;
}
.slideTxtBox3{ width: 1200px }
.slideTxtBox3 .hd{ height:49px; line-height:30px;  border-bottom:2px solid #dcdcdc;  position:relative; }
.slideTxtBox3 .hd ul{ position:relative; left:0; top:-1px; height:32px; font-size: 14px;text-align: center;padding-top: 10px;}
.slideTxtBox3 .hd ul li{ display: inline-block; padding:0 15px 0 15px; cursor:pointer;}
.slideTxtBox3 .hd ul li.on{ color:#e378a6;height:40px;  background:url("../images/pointer.png") no-repeat bottom center; border-bottom:2px solid #e378a6; }
.slideTxtBox3 .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox3 .bd li{ float:left;height:24px; line-height:24px;padding-bottom: 10px;font-size: 12px;margin-left: 15px}
.slideTxtBox3 .bd li a{color: #313131;}

/* ==========================================================================
   footer
   ========================================================================== */
footer{
    margin: 50px 0;
}
footer .left1{
    margin-left: 30%;
}
footer .img{
    margin-right: 20px;
}

/* ==========================================================================
   专题列表
   ========================================================================== */
.part-list .part-list-title{
    border-bottom: 2px solid #e378a6;
    padding-bottom: 10px;
}
.part-list .part-list-title a{
    color: #313131;
}
.part-list .part-list-title span{
    color:#e378a6;
}
.part-list1 .top-img{
    margin: 50px 50px;
}
.part-list1 .top-img .img{
    float: left;
    width: 481px;
}
.part-list1 .top-img .img img{
    width: 100%;
}
.part-list1 .top-img .info{
	font-weight: 600;
    float: right;
    width: 550px;
    padding-top: 72px;
    line-height: 25px;
}
.part-list1 .top-img .info .title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.part-list1 .top-img .info .title,.part-list1 .top-img .info .content{
    color: #313131;
}
.part-list1 .list{
    margin:0 50px 50px 50px;
}
.part-list1 .list ul{
    width: 1200px;
}
.part-list1 .list ul li{
    float: left;
    width: 318px;
    padding: 9px;
    border: 1px solid #ddd;
    margin-right: 30px;
    margin-bottom: 20px;
}
.part-list1 .list ul li .img{
    width: 318px;
    height: 190px;
    overflow: hidden;
}
.part-list1 .list ul li .img img{
    width: 318px;
    height: 190px;
}
.part-list1 .list ul li .title{
    color: #313131;
    font-size: 16px;
    text-align: center;
    height: 48px;
    line-height: 24px;
    margin: 5px 0 0 0;
}

/* ==========================================================================
   文字列表
   ========================================================================== */
.part-list2 .list{
    padding-top: 83px;
}
.part-list2 .left{
    float: left;
    width: 740px;
    margin-left: 30px;
}
.part-list2 .left ul li{
    background: url("../images/dot2.png") no-repeat center left;
    text-indent: 10px;
    color: #434343;
    margin-bottom: 30px;
}
.part-list2 .left ul li a{
    color: #434343;
}
.part-list2 .left ul li span{
    float: right;
    color: #898989;
}
.part-list2 .right{
    float: right;
    width: 226px;
    margin-right: 70px;
}
.part-list2 .right ul li{
    position: relative;
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    text-indent: 20px;
    border: 1px solid #d2d2d2;
    margin-bottom: 20px;
    color: #313131;
}
.part-list2 .right ul li a{
	 color: #313131;
}
.part-list2 .right ul li.on{
    border: 1px solid #e378a6;
}
.part-list2 .right ul li img{
    position: absolute;
    left: 42px;
    top: 20px;
}
.part-list2 .page{
    text-align: center;
    padding-top: 20px;
}
.part-list2 .page a{
    padding: 3px 8px;
    color: #e378a6;
	/* border: 1px solid #e378a6; */
}
.part-list2 .page a.on{
    background: #e378a6;
    color: white;
}
.part-list2 .left .article .title{
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
}
.part-list2 .left .article .time{
    font-size: 14px;
    margin-bottom: 35px;
    text-align: center;
}
.part-list2 .left .article .time span {
    margin: 0 20px;
}
.part-list2 .left .article .content{
    line-height: 22px;
}
.part-list2 .left .article .content img{
    margin: 10px auto;
}
.part-list2 .left .article .author{
    padding-top: 20px;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    text-align: center;
}
.part-list2 .video-list ul{
    width: 850px;
}
.part-list2 .video-list ul li{
    width: 240px;
    float: left;
    margin-right: 30px;
}
.part-list2 .video-list ul li .img{
    width: 240px;
    height: 143px;
    position: relative;
}
.part-list2 .video-list ul li .img img{
    width: 240px;
    height: 143px;
}
.part-list2 .video-list ul li .cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
}
.part-list2 .video-list ul li .cover img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 41px;
    height: 41px;
    margin-top: -20px;
    margin-left: -20px;
}
.part-list2 .video-list ul li .title{
    height: 38px;
    margin: 10px 0 20px 0;
}
.part-list4 .list-title{
    background: #fbecec;
    border-left:3px solid #e378a6;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    color: #e378a6;
    margin-bottom: 30px;
}
.part-list4 .list-title a{
    float: right;
    color: #e378a6;
    margin-right: 10px;
    font-size: 12px;
}
.part-list4 .left ul{
    margin-bottom: 35px;
}
.part-list4 .left ul li{
    background: none;
    text-indent: 0;
    padding: 0 10px;
    color: #434343;
    margin-bottom: 18px;
}


/* ==========================================================================
   表单
   ========================================================================== */

.form .list{
    padding-top: 83px;
}
.form .left{
    float: left;
    width: 740px;
    margin-left: 30px;
}

.form .right{
    float: right;
    width: 226px;
    margin-right: 70px;
}
.form .right ul li{
    position: relative;
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    text-indent: 20px;
    border: 1px solid #d2d2d2;
    margin-bottom: 20px;
    color: #313131;
}
.form .right ul li.on{
    border: 1px solid #e378a6;
}
.form .right ul li img{
    position: absolute;
    left: 42px;
    top: 20px;
}

.form form{
    background: #f6f6f6;
}
.form form .img{
    text-align: center;
    border-bottom: 1px dotted #e378a6;
    margin: 0 10px;
}
.form form .img img{
    display: inline-block;
    margin: 22px 0;

}
.form form .content{
    margin: 40px 120px 60px 120px;
}
.form form .content .line{
    line-height: 30px;
    margin-bottom: 25px;
}
.form form .content .lf{
    width: 20%;
}
.form form .content .lf span{
    color: #e378a6;
}
.form form .content .rt{
    width: 80%;
}
.form form .content .rt input[type=text]{
    width: 100%;
    border: 1px solid #666;
    height: 30px;
    text-indent: 10px;
    background:#f6f6f6;
}
.form form .content .rt input[type=radio]{
   margin: 0 10px;
}
.form form .content .rt textarea{
    width: 96%;
    border: 1px solid #666;
    height: 50px;
    line-height: 25px;
    padding: 10px 2%;
    background:#f6f6f6;
    resize: none;
}
.form form .btn{
    position: relative;
    height: 30px;
}
.form form .btn input{
    position: absolute;
    background: #ca577b;
    color: white;
    cursor: pointer;
    display: inline-block;
    left: 20%;
    height: 30px;
    width: 142px;
}
.form form .btn .reset{
    position: relative;
    background: #b8b8b8;
    color: white;
    cursor: pointer;
    display: inline-block;
    left: 60%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 142px;
}
.form .tab-title{
    margin: 20px 0 20px 40px;
}
.form .tab-title ul li{
    width: 170px;
    height: 47px;
    float: left;
    background: #dcdcdc;
    border-radius: 47px;
    overflow: hidden;
    text-align: center;
    line-height: 47px;
    cursor: pointer;
    margin-left: 30px;
}
.form .tab-title ul li img{
    margin-top: 8px;
    display: none;
}
.form .tab-title ul li .pink{
    display: inline-block;
}
.form .tab-title ul li.on .white{
    display: inline-block;
}
.form .tab-title ul li.on{
    background: #ca577b;;
}
.form .per{
    display: none;
}
.form .per textarea{
    width: 100%;
    border: 1px solid #999;
    height: 290px;
    resize: none;
    margin: 15px 0;
    background: #f6f6f6;
}
.form .per.on{
    display: block;
}
.form .button{
    text-align: center;
    padding-bottom: 50px;
}
.form .button input{
    background: #ca577b;
    color: white;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    width: 142px;
}

/* ==========================================================================
   组织架构
   ========================================================================== */
.article-tab .tab-menu ul li{
    width: 125px;
    height: 47px;
    line-height: 47px;
    border:1px solid #e378a6;
    background: transparent;
    float: left;
    text-align: center;
    margin-left: 15px;
    text-indent: 0;
    cursor: pointer;
}
.article-tab .tab-menu ul li.on,.article-tab .tab-menu ul li:hover{
    position: relative;
    background:#e378a6;
    color: white;
}
.article-tab .tab-menu ul li.on::after,.article-tab .tab-menu ul li:hover::after{
    content: '';
    position: absolute;
    background: url("../images/pointer2.png");
    width: 10px;
    height: 6px;
    bottom: -6px;
    left: 50%;
    margin-left: -5px;
}
.article-tab .tab-content{
    margin: 45px 0;
}
.article-tab .tab-content .per{
    display: none;
}
.article-tab .tab-content .per.on{
    display: block;
}
@media screen and (max-width: 800px){

}

/* 纪检组专用信箱 */
.jjzzyxx_form .form_top_img{padding-bottom:24px;border-bottom:1px dashed #e378a6;margin-bottom:32px;}
.jjzzyxx_form .form_top_img img{margin:auto;}
.jjzzyxx_form .input_text{width:367px;height:24px;}
.jjzzyxx_form input,textarea{border:1px solid #aaa;}
.jjzzyxx_form input[type="text"]{border:1px solid #aaa;}
.jjzzyxx_form .form_con{width:500px;margin:auto;}
.jjzzyxx_form .form_con .form_con_txt{width:100%;margin:16px 0;}
.jjzzyxx_form .form_con .form_con_txt p{float:left;}
.jjzzyxx_form .form_con .form_con_txt label{display:inline-block;width:92px;line-height:24px;}
.jjzzyxx_form .form_con .form_con_txt label span{color:#e378a6;padding-right:4px;}
.jjzzyxx_form .form_btn{width:500px;margin-left:168px;}
.jjzzyxx_form .form_btn .form_btn_icon input{width:100px;height:28px;float:left;line-height:28px;margin-left:44px;border:0;}
.jjzzyxx_form .form_btn .form_btn_icon input.tj_btn{background-color:#ca577b;color:#fff;}